<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:form>
	<p:panel
		header="#{message.header_consulta_produto} - #{message.label_filtro}"
		style="position: relative; left:10%;">
		<h:panelGrid columns="6" style="text-align: right;">

			<h:outputLabel style="margin-left: 30px;"
				value="#{message.label_produto}" />

			<p:inputText style="margin-left: 5px;" size="12"
				value="#{listaProdutoTela.codProdFiltro}" />

			<h:outputLabel style="margin-left: 30px;"
				value="#{message.label_descricao}" />

			<p:inputText style="margin-left: 5px;" size="12"
				value="#{listaProdutoTela.descProdFiltro}" />

		</h:panelGrid>
		<p:commandButton value="#{message.botao_filtrar}"
			action="#{listaProdutoTela.filtrarProdutos}"
			update=":formListaProduto">
		</p:commandButton>
	</p:panel>
</h:form>
<h:form id="formListaProduto">

	<p:dataTable value="#{listaProdutoTela.listaProdutos}" var="produto"
		id="prods" widgetVar="prodsTabela"
		emptyMessage="#{message.table_empty}" editable="true"
		style="margin-top:20px; width:950px;" paginator="true" rows="8">

		<p:ajax event="rowEdit"
			listener="#{listaProdutoTela.alterar(produto)}" update=":messages" />

		<p:column>
			<f:facet name="header">
				<h:outputText value="#{message.label_codigo}" />
			</f:facet>
			<h:outputText value="#{produto.codigo}" />
		</p:column>
		
		<p:column headerText="#{message.label_marca}">
			<p:cellEditor>
				<f:facet name="output">
					<h:outputText value="#{produto.marca}" />
				</f:facet>
				<f:facet name="input">
					<p:inputText value="#{produto.marca}" />
				</f:facet>
			</p:cellEditor>
		</p:column>

		<p:column headerText="#{message.label_descri}">
			<p:cellEditor>
				<f:facet name="output">
					<h:outputText value="#{produto.descricao}" />
				</f:facet>
				<f:facet name="input">
					<p:inputText value="#{produto.descricao}" />
				</f:facet>
			</p:cellEditor>
		</p:column>

		<p:column headerText="#{message.label_uni_medida}">
			<p:cellEditor>
				<f:facet name="output">
					<h:outputText value="#{produto.unidadeMedida}" />
				</f:facet>
				<f:facet name="input">
					<p:inputText maxlength="2" size="2"
						value="#{produto.unidadeMedida}" />
				</f:facet>
			</p:cellEditor>
		</p:column>

		<p:column>
			<p:commandButton
				actionListener="#{listaProdutoTela.preparaImagem(produto.imagemProd)}"
				onclick="visuProd2.show()" update=":visualizaProd2"
				icon="ui-icon-image" id="but_img2"
				rendered="#{produto.imagemProd != null ? true : false}"
				title="#{message.tooltip_ver_prod}">
			</p:commandButton>

			<p:commandButton id="exbProd" icon="ui-icon-trash"
				style="height:18px;width:18px;"
				action="#{listaProdutoTela.excluir(produto)}"
				update=":messages,@form" title="#{message.botao_excluir}">
			</p:commandButton>
			<!-- <button type="button" title="Editar"
				class="ui-button ui-widget ui-state-default ui-corner-all">
				<p:rowEditor />
			</button>
			 -->
			<p:rowEditor />
		</p:column>

	</p:dataTable>
</h:form>
</html>